<!--  -->
<template>
  <div>
    <img src="../../assets/img/ershi.jpg" alt="image-description">
    <p class="ellipsis">{{ titleone }}</p>
    <img src="../../assets/img/2023041901.jpg" alt="image-description">
    <p class="ellipsis">{{ titletwo }}</p>
  </div>
</template>

<script>
export default {
  data () {
    return {
      titleone:'新华时评：以新气象新作为推动高质量发展取得新成效',
      titletwo:'习近平在省部级主要领导干部学习贯彻党的十九届六中全会精神专题研讨班开班式上发表重要讲话'
    }
  }
}
</script>

<style  scoped>
/* 设置整个区域的宽度为 21.3% */
div {
  width: 15.3%;
  height: 230px;
  max-width: 800px;
  margin-top: 10px;
  border: 1px solid #ccc;
}

/* 设置图片的最大宽度为 100%，高度自适应 */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; /* 居中显示 */
}

/* 设置段落文字的样式 */
p {
  margin-top: 10px;
  text-align: justify;
  line-height: 1.5;
  color: #666;
}

/* 文本溢出截断和省略号 */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* 设置悬停时文字颜色 */
p:hover {
  color:#4381E6;
}
</style>
